/* @charset "utf-8"; */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.as_fadeup {
    animation: fadeInUp .5s ease-in-out both;
}

.as_fadein {
    animation: fadeIn .5s ease-in-out both;
}

.scroll-animate.animated {
    visibility: hidden
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.as_fadeleft {
    animation: fadeInLeft .5s ease-in-out both;
}

.as_faderight {
    animation: fadeInRight .5s ease-in-out both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.as_delay1 {
    animation-delay: .1s;
}

.as_delay2 {
    animation-delay: .2s;
}

.as_delay3 {
    animation-delay: .3s;
}

.as_delay4 {
    animation-delay: .4s;
}

.as_delay5 {
    animation-delay: .5s;
}

.as_delay6 {
    animation-delay: .6s;
}

 
@keyframes fn3 {
    0% {
        opacity: 0;
        transform: matrix(1, -.1, 0, 1, 0, -20)
    }

    100% {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.fn3 {
    transform-origin: 0 0;
    animation: fn3 1.2s cubic-bezier(.49, .54, .16, 1);
    animation-fill-mode: both
}

@keyframes fn4 {
    0% {
        opacity: 0;
        transform: matrix(1, .1, 0, 1, 0, 20)
    }

    100% {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.fn4 {
    transform-origin: 0 0;
    animation: fn4 1.2s cubic-bezier(.49, .54, .16, 1);
    animation-fill-mode: both
}

@keyframes lightFn {
    0% {
        mask-size: 0 0
    }

    100% {
        mask-size: 100% 100%
    }
}

@keyframes lightFn_2 {
    0% {
        mask-size: 0 0
    }

    100% {
        mask-size: 100% 100%
    }
}

@keyframes rightFn {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }

    100% {
        transform: translateY(1.5rem);
        -webkit-transform: translateY(1.5rem);
        -moz-transform: translateY(1.5rem);
        -o-transform: translateY(1.5rem);
        -ms-transform: translateY(1.5rem)
    }
}

@keyframes bright {
    0% {
        filter: brightness(4)
    }

    100% {
        filter: brightness(1)
    }
}

@keyframes scaleInImg {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1)
    }
}

.scaleInImg {
    animation-name: scaleInImg
}

@keyframes lineAni {
    0% {
        transform: scaleY(.001);
        -webkit-transform: scaleY(.001);
        -moz-transform: scaleY(.001);
        -o-transform: scaleY(.001);
        -ms-transform: scaleY(.001)
    }

    100% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1)
    }
}

@keyframes lineAni_hen {
    0% {
        transform: scaleX(.001);
        -webkit-transform: scaleX(.001);
        -moz-transform: scaleX(.001);
        -o-transform: scaleX(.001);
        -ms-transform: scaleX(.001)
    }

    100% {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -ms-transform: scaleX(1)
    }
}

@keyframes ripple {
    0% {
        transform: scale(.01);
        -webkit-transform: scale(.01);
        -moz-transform: scale(.01);
        -o-transform: scale(.01);
        -ms-transform: scale(.01);
        opacity: .12
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 0
    }
}

@keyframes roll {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        opacity: 1
    }

    25% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        opacity: 0
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        opacity: 1
    }

    75% {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        opacity: 0
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes bg {
    0% {
        background-color: rgba(0, 0, 0, 0)
    }

    70% {
        background-color: rgba(0, 0, 0, .4)
    }

    100% {
        background-color: rgba(0, 0, 0, .4)
    }
}

@keyframes lineOut {
    0% {
        opacity: 1
    }

    70% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes txtOut {
    0% {
        color: #090b0a
    }

    15% {
        color: #090b0a
    }

    70% {
        color: #fff
    }

    100% {
        color: #fff
    }
}

@keyframes txtOut1 {
    0% {
        color: #008755
    }

    15% {
        color: #008755
    }

    70% {
        color: #fff
    }

    100% {
        color: #fff
    }
}

@keyframes strokeFn {
    0% {
        stroke: #008755
    }

    15% {
        stroke: #008755
    }

    70% {
        stroke: #fff
    }

    100% {
        stroke: #fff
    }
}

@keyframes fillFn {
    0% {
        fill: #008755
    }

    15% {
        fill: #008755
    }

    70% {
        fill: #fff
    }

    100% {
        fill: #fff
    }
}

@keyframes slideX {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0)
    }

    6% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0)
    }

    94% {
        transform: translateX(calc(-100% + 47vw));
        -webkit-transform: translateX(calc(-100% + 47vw));
        -moz-transform: translateX(calc(-100% + 47vw));
        -o-transform: translateX(calc(-100% + 47vw));
        -ms-transform: translateX(calc(-100% + 47vw))
    }

    100% {
        transform: translateX(calc(-100% + 47vw));
        -webkit-transform: translateX(calc(-100% + 47vw));
        -moz-transform: translateX(calc(-100% + 47vw));
        -o-transform: translateX(calc(-100% + 47vw));
        -ms-transform: translateX(calc(-100% + 47vw))
    }
}

@keyframes slideX1 {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0)
    }

    6% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0)
    }

    94% {
        transform: translateX(calc(-100% + 40vw));
        -webkit-transform: translateX(calc(-100% + 40vw));
        -moz-transform: translateX(calc(-100% + 40vw));
        -o-transform: translateX(calc(-100% + 40vw));
        -ms-transform: translateX(calc(-100% + 40vw))
    }

    100% {
        transform: translateX(calc(-100% + 40vw));
        -webkit-transform: translateX(calc(-100% + 40vw));
        -moz-transform: translateX(calc(-100% + 40vw));
        -o-transform: translateX(calc(-100% + 40vw));
        -ms-transform: translateX(calc(-100% + 40vw))
    }
}

@keyframes adFn {
    0% {
        opacity: 0;
        transform: translateX(.4rem);
        -webkit-transform: translateX(.4rem);
        -moz-transform: translateX(.4rem);
        -o-transform: translateX(.4rem);
        -ms-transform: translateX(.4rem)
    }

    10% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(-.4rem);
        -webkit-transform: translateX(-.4rem);
        -moz-transform: translateX(-.4rem);
        -o-transform: translateX(-.4rem);
        -ms-transform: translateX(-.4rem)
    }
}

@keyframes adFn1 {
    0% {
        opacity: 1;
        transform: translateX(-.7rem);
        -webkit-transform: translateX(-.7rem);
        -moz-transform: translateX(-.7rem);
        -o-transform: translateX(-.7rem);
        -ms-transform: translateX(-.7rem)
    }

    10% {
        opacity: 1
    }

    30% {
        opacity: .6
    }

    70% {
        opacity: .6
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: translateX(.7rem);
        -webkit-transform: translateX(.7rem);
        -moz-transform: translateX(.7rem);
        -o-transform: translateX(.7rem);
        -ms-transform: translateX(.7rem)
    }
}

@keyframes adFn2 {
    0% {
        opacity: 1;
        transform: translateX(-.7rem);
        -webkit-transform: translateX(-.7rem);
        -moz-transform: translateX(-.7rem);
        -o-transform: translateX(-.7rem);
        -ms-transform: translateX(-.7rem)
    }

    100% {
        opacity: 1;
        transform: translateX(.7rem);
        -webkit-transform: translateX(.7rem);
        -moz-transform: translateX(.7rem);
        -o-transform: translateX(.7rem);
        -ms-transform: translateX(.7rem)
    }
}


@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
        transform: none
    }

    to {
        opacity: 0;
        transform: translate3d(0, 50px, 0)
    }
}

.fadeOutDownSmall {
    animation-name: fadeOutDownSmall
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall
}

@keyframes scaleIn {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.scaleIn {
    animation-name: scaleIn
}

@keyframes scaleIn2 {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.scaleIn2 {
    animation-name: scaleIn
}


@keyframes fontUp {
    0% {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0)
    }

    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }
}

.fontUp {
    animation-name: fontUp
}

@keyframes fontOut {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(0, -120%, 0);
        -webkit-transform: translate3d(0, -120%, 0);
        -moz-transform: translate3d(0, -120%, 0);
        -o-transform: translate3d(0, -120%, 0);
        -ms-transform: translate3d(0, -120%, 0)
    }
}

.fontOut {
    animation-name: fontOut
}




.blurInDown {
    -webkit-animation-name: blurInDown;
    animation-name: blurInDown;
}

@keyframes blurInDown {
    from {
        transform: scale(1.2) translateY(-25px);
        -webkit-transform: scale(1.2) translateY(-25px);
        -moz-transform: scale(1.2) translateY(-25px);
        -o-transform: scale(1.2) translateY(-25px);
        filter: blur(3px);
        opacity: 0;
    }

    to {
        transform: scale(1) translateY(0px);
        -webkit-transform: scale(1) translateY(0px);
        -moz-transform: scale(1) translateY(0px);
        -o-transform: scale(1) translateY(0px);
        opacity: 1;
        filter: blur(0px);
    }
}

.fadeInSoftDown {
    -webkit-animation-name: fadeInSoftDown;
    animation-name: fadeInSoftDown;
}

@keyframes fadeInSoftDown {
    from {
        transform: translateY(-35px);
        -webkit-transform: translateY(-35px);
        -moz-transform: translateY(-35px);
        -o-transform: translateY(-35px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        opacity: 1;
    }
}

.blurInUp {
    -webkit-animation-name: blurInUp;
    animation-name: blurInUp;
}

@keyframes blurInUp {
    from {
        filter: blur(3px);
        transform: scale(1.2) translateY(25px);
        -webkit-transform: scale(1.2) translateY(25px);
        -moz-transform: scale(1.2) translateY(25px);
        -o-transform: scale(1.2) translateY(25px);
        opacity: 0;
    }

    to {
        filter: blur(0px);
        transform: scale(1) translateY(0px);
        -webkit-transform: scale(1) translateY(0px);
        -moz-transform: scale(1) translateY(0px);
        -o-transform: scale(1) translateY(0px);
        opacity: 1;
    }
}

.blurInLeft {
    -webkit-animation-name: blurInLeft;
    animation-name: blurInLeft;
}

@keyframes blurInLeft {
    from {
        filter: blur(3px);
        transform: translateX(-300px);
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        opacity: 0;
    }

    to {
        filter: blur(0px);
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        opacity: 1;
    }
}